<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/common/taglibs.jsp"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

	<!-- Bootstrap -->
    <link rel="stylesheet" href="${ctx}/static/bootstrap-3.3.7/css/bootstrap.min.css">
    <!--EasyUI-->
    <link rel="stylesheet" href="${ctx}/static/easyui-1.5.1/css/easyui.css">
    <link rel="stylesheet" href="${ctx}/static/easyui-1.5.1/css/icon.css">

	<!--Sidebar-->
	<link href="${ctx}/static/css/sidebar.css" rel="stylesheet">

</head>
<body>
    <div class="easyui-layout" id="cc" data-options="fit:true">
       <div data-options="region:'west',split:false,draggable:false" title="&nbsp;" style="width:280px;">

        <!--  导航内容 -->
        <div class="easyui-accordion" data-options="border:false,multiple:true,selected:false">
            <div title="模态窗方式" data-options="iconCls:'icon-save'">
                <div class="list-group">
                    <a href="javascript:void(0);" data-toggle="modal" title="Example popover" data-placement="right"
                       data-target="#myModal" class="list-group-item" onclick="addmodel('${ctx}/subform.jsp')"><i class="glyphicon glyphicon-cloud"></i>测试1-1(点击打开模态窗))</a>
                </div>
            </div>
            <div title="新开窗口" data-options="iconCls:'icon-search'">
                <div class="list-group">
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab('测试2-1','${ctx}/subform.jsp','icon-help')" class="list-group-item"><i
                            class="glyphicon glyphicon-cloud"></i>测试2-1(对象地址:subformVer2.html;无参数)</a>
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab('测试2-2','${ctx}/subform.jsp?a=0','icon-help')"
                       class="list-group-item"><i class="glyphicon glyphicon-cloud"></i>测试2-2(对象地址:subformVer2.html;参数:a=0)</a>
                </div>
            </div>
            <div title="新开窗口(参数一致)" data-options="iconCls:'icon-help'">
                <div class="list-group">
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab1('测试3-1','${ctx}/subform.jsp?a=1','icon-help')"
                       class="list-group-item"><i class="glyphicon glyphicon-cloud"></i>测试3-1(对象地址:subformVer2.html;参数:a=1)</a>
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab1('测试3-2','${ctx}/subform.jsp?a=2','icon-help')"
                       class="list-group-item"><i class="glyphicon glyphicon-cloud"></i>测试3-2(对象地址:subformVer2.html;参数:a=2)</a>
                </div>
            </div>
            <div title="新开窗口(忽略参数)" data-options="iconCls:'icon-ok'">
                <div class="list-group">
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab2('测试4-1','${ctx}/subform.jsp?a=3','icon-ok')"
                       class="list-group-item"><i class="glyphicon glyphicon-cloud"></i>测试4-1(对象地址:subformVer2.html;参数:a=3)</a>
                    <a href="javascript:void(0);" data-toggle="tooltip" title="Example popover" data-placement="right"
                       onclick="addTab2('测试4-2','${ctx}/subform.jsp?a=4','icon-ok')"
                       class="list-group-item"><i class="glyphicon glyphicon-cloud"></i>测试4-2(对象地址:subformVer2.html;参数:a=4)</a>
                </div>
            </div>
        </div>
    </div>

  
    <div>
		<div id="mm" class="easyui-menu" data-options="onClick:menuHandler" style="width:200px;">
			<div data-options="iconCls:'icon-man'">
				<b><span>模态窗方式</span></b>
				<div style="width:250px;">
					<div data-options="name:'操作一',iconCls:'icon-add'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(点击打开模态窗))">测试1-1</div>
				</div>
			</div>
			<div data-options="iconCls:'icon-tip'" >
				<b><span>新开窗口</span></b>
				<div style="width:250px;">
					<div data-options="name:'新增',iconCls:'icon-sum'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:/WEB-INF/views/platform/subform.jsp;无参数)">测试2-1</div>
					<div data-options="name:'修改',iconCls:'icon-no'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:/WEB-INF/views/platform/subform.jsp;参数:a=0)">测试2-2</div>
				</div>
			</div>
			<div data-options="iconCls:'icon-tip'" >
				<b><span>新开窗口(参数一致)</span></b>
				<div style="width:250px;">
					<div data-options="name:'新增',iconCls:'icon-print'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:subform.html;参数:a=1)">测试3-1</div>
					<div data-options="name:'修改',iconCls:'icon-back'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:subform.html;参数:a=2)">测试3-2</div>
				</div>
			</div>
			<div data-options="iconCls:'icon-tip'" >
				<b><span>新开窗口(忽略参数)</span></b>
				<div style="width:250px;">
					<div data-options="name:'新增',iconCls:'icon-add'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:subform.html;参数:a=3)">测试4-1</div>
					<div data-options="name:'修改',iconCls:'icon-reload'" data-trigger="hover "
						 data-container="body" data-toggle="popover" data-placement="auto right"
						 data-content="(对象地址:subform.html;参数:a=4)">测试4-2</div>
				</div>
			</div>
			<!--<div data-options="name:'print',iconCls:'icon-print'">Print</div>
            <div class="menu-sep"></div>
            <div data-options="name:'exit'">Exit</div>-->
		</div>
	</div>

        
    <div class="center-title" region="center">
         <p style="margin-top: 15px;margin-left: 15px">此处正文<!-- <button class="btn btn-default" onclick="sendPam()">传递</button>--></p>

    </div>
    </div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script type="text/javascript" src="${ctx}/static/jquery/jquery-1.9.1.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script type="text/javascript" src="${ctx}/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>
	<script src="${ctx}/static/easyui-1.5.1/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/easyui-1.5.1/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/openstyle/sub-form.js"></script>

</body>
</html>
